$(function () {
    /* 店铺AJAX */
    $.ajax({
        url: "http://193.112.55.79:9090/api/getgsshop",
        dataType: "json",
        type: 'GET',
        success: function (res) {
            console.log(res, "dp");
            var data = res.result;
            // console.log(data);
            var sortJson = template('temp_sort', {
                "data": data
            });
            $(".sort").html(sortJson);
            $(".check").children("li").find("span")[0].classList.add("fa-check");
        }
    })
    var shopid = $(".tap_sort input").val();
    var areaid = $(".tap_price input").val();
    /* 地区AJAX */
    $.ajax({
        url: "http://193.112.55.79:9090/api/getgsshoparea",
        dataType: "json",
        type: 'GET',
        success: function (res) {
            console.log(res, "dq");
            var data = res.result;
            // console.log(data);
            var priceJson = template('temp_price', {
                "data": data
            });
            $(".price").html(priceJson);        
            $(".popprice .check").children("li").find("span")[0].classList.add("fa-check");
        }
    })
    /* 内容AJAX */
    $.ajax({
        url: "http://193.112.55.79:9090/api/getgsproduct",
        dataType: "json",
        type: 'GET',
        data: {
            shopid: shopid,
            areaid: areaid
        },
        success: function (res) {
            console.log(res);
            var data = res.result;
            // console.log(data);
            var contentJson = template('content', {
                "data": data
            });
            $(".content").html(contentJson);
            console.log(contentJson);
            $(".check").children("li").find("span")[0].classList.add("fa-check");
            $('.test-lazyload').picLazyLoad({
                threshold: 100,
                placeholder: 'images/blank.gif'
            });

        }
    })

    $(".check").children("li").find("span")[0].classList.add("fa-check");

    $(".tap_sort").on("tap", function () {
        $(".popsort").siblings().removeClass("on");
        $(".popsort").toggleClass("on")
    })
    $(".tap_price").on("tap", function () {
        $(".popprice").siblings().removeClass("on");
        $(".popprice").toggleClass("on")
    })
    $(".tap_cat").on("tap", function () {
        $(".popcat").siblings().removeClass("on");
        $(".popcat").toggleClass("on")
    })
    $(".search").on("tap", function () {
        $(".drop_search").siblings().removeClass("on");
        $(".drop_search").toggleClass("on")
    })

    var tap_cat = $(".tap_cat");
    var tap_price = $(".tap_price");
    var tap_sort = $(".tap_sort");


    $(".sort").on("tap", "li", function () {
        boxTap(tap_sort, $(this));
        // console.log($(this).children("span"));       

    });
    $(".price").on("tap", "li", function () {
        boxTap(tap_price, $(this));
    });
    $(".cat").on("tap", "li", function () {
        boxTap(tap_cat, $(this));
    });


    function boxTap(chilClass, parentClass) {
        console.log(chilClass.find("a").html());
        console.log(parentClass.find("a").html());
        chilClass.find("a").html(parentClass.find("a").html())
        parentClass.siblings().removeClass("active");
        parentClass.addClass("active");
        parentClass.siblings().children("span").removeClass("fa fa-check");
        parentClass.children("span").addClass("fa fa-check");
        // parentClass.children("ul").find("")
        var shopid = $(".tap_sort input").val();
        var areaid = $(".tap_price input").val();
        $.ajax({
            url: "http://193.112.55.79:9090/api/getgsproduct",
            dataType: "json",
            type: 'GET',
            data: {
                shopid: shopid,
                areaid: areaid
            },
            success: function (res) {
                console.log(res);
                var data = res.result;
                // console.log(data);
                var contentJson = template('content', {
                    "data": data
                });
                $(".content").html(contentJson);
                $('.test-lazyload').picLazyLoad({
                    threshold: 100,
                    placeholder: 'images/blank.gif'
                });
            }
        })
    }


})